// 去除阴影
.f-page-header,
.farris-header {
  box-shadow: none;

  +.f-page-main {
    margin-top: 0;
  }

  +.farris-split-section {
    margin-top: 0;
  }
}

.f-page-main{
  border-radius: $farris-split-section-border-radius $farris-split-section-border-radius $f-page-tmpl-border-radius $f-page-tmpl-border-radius;
}
.f-struct-like-card {
  box-shadow: none;
}

.f-page {

  &.f-page-card,
  &.f-page-is-managelist,
  &.f-page-is-managelistwithsidebar,
  &.f-page-navigate,
  &.f-page-is-onepage {
    z-index: 10;

    &::before {
      z-index: -1;
      position: absolute;
      content: '';
      top: $f-pt-split-section-outer-gutter;
      bottom: $f-pt-split-section-outer-gutter;
      left: $f-pt-split-section-outer-gutter;
      right: $f-pt-split-section-outer-gutter;
      background: $f-page-tmpl-bg;
      box-shadow:$f-page-tmpl-box-shadow;
      border-radius: $f-page-tmpl-border-radius;
    }

  }

}

.f-page-card,
.f-page-is-managelist,
.f-page-is-managelistwithsidebar,
.f-page-navigate,
.f-page-is-onepage {

  .f-page-header,
  .farris-header {
    margin: $f-pt-split-section-outer-gutter $f-pt-split-section-outer-gutter 0 $f-pt-split-section-outer-gutter;
    background: none;
  }
}

//页尾
.f-page-footer {
  margin-left: $f-pt-split-section-outer-gutter;
  margin-right: $f-pt-split-section-outer-gutter;
  margin-bottom: $f-pt-split-section-outer-gutter;
  background: none;
}

.f-page-main+.f-page-footer {
  margin-top: -$f-pt-split-section-outer-gutter;
}

// 左右结构-主要内容
.f-page-navigate {
  .f-page-main {
    background: rgba(#FFFFFF, 0.7);
    margin: 0 $f-pt-split-section-outer-gutter $f-pt-split-section-outer-gutter $f-pt-split-section-outer-gutter;
  }

  .f-page-content-nav {
    border-right: 1px solid  $f-neutral-07;

    &.ng-resizable{
        border-right: none;
    }
    // 重新定义
    @include f-redefineResizable();
    .f-page, .farris-main-area{
      background:none;
    }
  }

}

/*扩展区域*/
.f-page-headerextend {
  margin: $f-pt-split-section-outer-gutter $f-pt-split-section-outer-gutter 0 $f-pt-split-section-outer-gutter;
}

// 滚动监听页
.f-page-is-sidescrollspy .f-page-main .f-scrollspy-content {
  padding: 0;
}

.f-scrollspy-tabs {
  position: relative;
  box-shadow: 0px -2px 20px 0px rgba(3, 18, 51, 0.05) !important;
  z-index: 100;

  .f-scrollspy-monitor-btn.active::after {
    background-image:  $f-theme-11;
    left: 14px !important;
    right: 14px !important;
    width: auto !important;
    margin: 0 !important;
  }
}

// 中间页
.f-page-is-midcard {
  &::before {
    display: none
  }

  .f-page-header {
    margin: 0;
    background: none;
    box-shadow: none;
  }
}

// 方案页
.f-page-has-scheme {
  .f-page-header {
    margin: 0 $f-pt-split-section-outer-gutter;
    background: #fff;
    position: relative;
    &::before {
      content: '';
      position: absolute;
      top: -1px;
      left: 0;
      right: 0;
      box-shadow: 0 2px 20px 0 rgba(3, 18, 51, 0.05);
      bottom: 5px;
      z-index: -1;
      border-radius: $f-pt-split-section-outer-gutter $f-pt-split-section-outer-gutter 0 0;
    }
  }
  .f-page-main{
    .f-page-header {
      &::before{
        display:none;
      }
    }
  }

  // 因为内部元素有section，有上间距，不上移位置，视觉上Header的留白很大
  .f-page-main {
    margin-top: -$f-pt-split-section-outer-gutter;
  }
}



.f-page-is-mainsubcard {
  .f-page-main {
    margin: $farris-split-section-outer-gutter;
  }

  .f-page-header,
  .farris-header {
    &+.f-page-main {
      margin-top: 0;
    }
  }

  .f-page-main,
  &.f-page-is-sidescrollspy .f-page-main .f-scrollspy-content {
    padding: 0;
  }
}
.f-page-is-listnav-with-header{
  .f-page-main{
    background:none;
  }
  .f-page-content-main{
    background:rgba(255,255,255,.7);
  }
}